﻿/***** main *****/
#mediumSpinner
{
	position: fixed;
}
#bookEditingMask
{
	background-color: #fff;
	position: absolute;
	z-index: 9996;
}
#loadingImageBar
{
	display: none;
}
.bookContentContainer
{
	position: relative;
	border-top: 1px solid #5b6983;
	clear: both;
}
.bookContentContainer form
{
	display: inline-block;
}
.clearFix:after
{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#booksContainer
{
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}
div#booksContainer > div:last-child
{
	border-bottom: 1px solid #5b6983;
}
.libraryMainContainer
{
	margin-right: 40px;
	margin-left: 30px;
	padding-top: 30px;
}
.author
{
	word-wrap: break-word;
}
.lighter
{
	font-weight: lighter;
}

/***** Library Management ******/
.libraryManagement
{
	text-align: right;
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
	height: 16px;
}

.filtering 
{
	position: absolute;
	left: 5px;
	max-width: 300px;
}

.libraryManagement a
{
	text-decoration:none;
	padding-right:5px;
	color:#5b6983;
}

.selectedItem
{
	color:#293955;
	font-weight:bold;
	text-decoration:none;
}

/****** pagination ********/
.pagination
{
	margin-left: 50px;
	display: inline-block;
}

.pagination a:visited
{
	color:#5b6983;
}

/**** Sorting *****/
.sorting
{
	position: absolute;
	left: 180px;
	max-width: 300px;
}
.sortingText
{
	padding-left: 3px;
	padding-right: 3px;
}
.sortingCursor
{
	width: 9px;
	height: 5px;
	vertical-align: 20%;
}

/***** icons common *****/
.icon
{
	display: inline-block;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
}
.icon:hover
{
	cursor: pointer;
}
/**** medium icons ****/
.mediumIcon
{
	height: 21px;
	width: 21px;
	margin-left: 15px;
}
.addIcon
{
	background-position: 0 0;
}
.editIcon
{
	background-position: -21px 0;
}
.deleteIcon
{
	background-position: 0 -21px;
}
.saveIcon
{
	background-position: -21px -21px;
}
.cancelIcon
{
	background-position: -63px 0;
}
.upCursorIcon
{
	background-position: -36px -53px;
}
.downCursorIcon
{
	background-position: -27px -53px;
}
.previewIconPosition
{
	display: block;
	margin: 0 auto;
}
.amazonIcon
{
	background-position: -42px -21px;
}
.inactiveAmazonIcon
{
	background-position: -42px 0;
}
.inactiveAmazonIcon:hover
{
	cursor:default;
}
.commandBar span:last-child
{
	margin-right: 0;
}
.popupCommandBar span:last-child
{
	margin-right: 5px;
}
/**** small icons ****/
.smallIcon
{
	width: 9px;
	height: 9px;
	vertical-align: middle;
}
.currentReaderIcon
{
	background-position: -27px -42px;
}
.historyReaderIcon
{
	background-position: -18px -42px;
}
.crossIcon
{
	background-position: -45px -42px;
}
.backPointerIcon
{
	background-position: -9px -42px;
}
.pointerIcon
{
	background-position: 0 -42px;
}
.undo
{
	background-position: 0 -51px;
}
.redo
{
	background-position: -9px -51px;
}
.adminPanelIcon
{
	background-position: -72px -42px;
}
.clockIcon
{
	background-position: -36px -42px;
	cursor: help!important;
}
.smallEditIcon
{
	background-position: -18px -51px;
}
/**** other icons ****/
.waitingListIconPosition
{
	width: 21px;
	height: 9px;
	margin-left: 10px;
	vertical-align: super;
	margin-top: 5px;
}
.waitingListActiveIcon
{
	background-position: -63px -21px;
}
.waitingListInactiveIcon
{
	background-position:-63px -30px;
}
.waitingListInactiveIcon:hover
{
	cursor: default;
}
/***** add edit save delete icons commandBar *****/
.commandBar
{
	text-align: right;
	width: 100%;
}
.bookCommandBar
{
	padding-top: 15px;
}
/***** List Icons ******/
.openedListIcon
{
	height: 9px;
	width: 9px;
	background-position: -63px -42px;
}
.closedListIcon
{
	height: 9px;
	width: 9px;
	background-position: -54px -42px;
}
.listIconContainer
{
	height: 9px;
	width: 9px;
	float: left;
	margin-right: 20px;
	margin-left: 2px;
	margin-top: 5px;
	position: relative;
}

/***** Book content *****/
.bookTitle
{
	margin-bottom: 10px;
	margin-top: 0px;
}
.bookContent
{
	margin-top: 20px;
}
.bookCover
{
	height: 200px;
	width: 170px;
	margin-bottom: 2px;
}
.bookCoverContainer
{
	width: 170px;
	margin-top: 5px;
}
.coverRef
{
	margin-bottom: 10px;
}
.previewCover
{
	text-align: center;
}
.previewCover:hover
{
	cursor: pointer;
}
.previewCover:hover .previewLabel
{
	text-decoration: underline;
}
.bookDescriptionContainer
{
	margin-bottom: 15px;
	min-height: 240px;
}
.bookDescriptionContainer pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}
.bookInfo
{
	float: right;
	width: 750px;
	margin-bottom: 10px;
}
.title
{
	text-decoration: underline;
	word-wrap: break-word;
}
/***** Book footer *****/
.bookFooter
{
	position: relative;
	padding-top:4px;
}
.bookFooter:hover
{
	cursor: default;
}
.peopleList
{
	padding-left: 2px;
	margin-right: 15px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
.bookDetailsContainer
{
	width: 600px;
	float: left;
}
.listTitle
{
	float: left;
	font-weight: bold;
}
.peopleWrapper
{
	float: left;
	margin-right: 2px;
}
.peopleName
{
	border-bottom: 1px dashed #5b6983;
	display: inline-block;
	cursor: help;
}
.tagsContainer
{
	float:left;
}
.tagsTitle
{
	text-align: right;
	font-weight: bold;
}
.owner
{
	text-align: right;
}
.ownerTitle
{
	font-weight: bold;
}

.bookFooter ul
{
	max-width: 190px; /* was 190px */
	
}
.bookFooter li ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.bookFooter li
{
	position: relative;
}

#loadBookInfo
{
	display: inline-block;
	width: 100px;
	height: 100px;
	display: none;
}
.adminPanel
{
	display: none;
	position:absolute;
	background-color: #FFFFFF;
	margin-top: -13px;
}
#loadBookInfo:hover
{
	cursor: pointer;
}
/****** Add/edit book form *******/
#bookEditingContainer
{
	margin-bottom: 10px;
}
#bookEditingContainer .bookDescriptionContainer
{
	min-height: 0;
}
.bookDescription
{
	word-wrap: break-word;
}
#removePickIcon
{
	display: none;
}
#imgCover:hover
{
	cursor: pointer;
}
.titleBox
{
	width: 356px;
}
.descriptionBox
{
	min-width: 739px;
	max-width: 739px;
	min-height: 155px;
	max-height: 155px;
}
.boxID
{
	width: 125px;
}
.boxIDContainer
{
	margin-bottom: 10px;
	text-align: center;
}
.labelID
{
	display: inline;
}
/****** Book cover form ********/
#bookCoverForm
{
	padding: 0 20px 20px 20px;
	width: 85%;
}
#bookCoverFormContainer
{
	width: 300px;
	margin-top: -100px;
	margin-left: -150px;
}
#bookCoverForm #txtUrl
{
	display: none;
}
#uploadingTypeChooser
{
	height: 25px
}
#txtUrl,#fuImage
{
	width: 100%;
}
#imageUploadValidationSummary
{
	display: none;
}
#txtDescription
{
	outline: none;
	resize: none;
}
#btnUploadConfirm, #btnUploadCancel
{
	margin-right: 15px;
}
#uploadManagePanel
{
	text-align:center;
	margin-top: 20px;
	width: 100%;
}

#rbUploadImageGroup
{
	margin-bottom: 10px;
	text-align: center;
}

#rbUploadImageGroup label
{
	margin-right: 20px;
}

/***** Book viewer *******/
#bookViewerContainer
{
	width: 560px;
	height: 707px;
	margin-top: -345px;
	margin-left: -300px;
}
#bookViewer
{
	width: 100%;
	height: 680px;
}